.tit h2{font-size: 40px;font-weight: bold;}
.tit p{padding: 20px 0 0px 0;font-size: 16px;color: #666;}
.tit img{margin: 0 auto;}

.main_tit { text-align: center; width: 800px; margin: 50px auto 0; padding-bottom: 18px; background: url(../image/title_line.png) no-repeat center bottom; }
.main_tit .title { font-size: 34px; font-weight: bold; }
.main_tit .intro { font-size: 16px; color: #999; margin-top: 8px; line-height: 24px; }



/*banner*/.i_banner {
	position: relative;
}

.img_box img{width: 100px;}
.i_banner ._banner_nav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 220px;
	overflow: hidden;
	background: rgba(0,0,0, .5);
}
.i_banner .jquery-slider-wrapper,.i_banner .jquery-slider-wrapper .slider,.i_banner .jquery-slider-wrapper .slider .jquery-slider-slide{
	height: 750px !important;
}
.i_banner .jquery-slider-wrapper .slider .jquery-slider-slide{display: block;margin:0;padding:0;position:absolute;left:0;top:0;width:100%;}
.i_banner .jquery-slider-wrapper .slider .jquery-slider-slide img{height: 750px;}
.i_banner .jquery-slider-slide-current{display: block;z-index: 2;}


.i_banner ._banner_nav .banner_wrap {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
}

.i_banner ._banner_nav .banner_bar_hd {
	color: #fff;
	margin-bottom: 16px;
}

.i_banner ._banner_nav .banner_bar_hd ._title01 {
	font-size: 40px;
	font-weight: bold;
	margin-right: 40px;
	position: relative;
}

.i_banner ._banner_nav .banner_bar_hd ._title01 ._border {
	width: 1px;
	height: 23px;
	background-color: #aeb2b0;
	display: block;
	position: absolute;
	bottom: 5px;
	right: -24px;
}

.i_banner ._banner_nav .banner_bar_hd ._title02 {
	font-size: 18px;
}

.i_banner ._banner_nav .banner_bar_bd .bd_l {
	width: 70%;
	background-color: #e4e9ec;
	float: left;
}

.i_banner ._banner_nav .banner_bar_bd .bd_l_box {
	padding: 16px 0px 12px 20px;
}

.i_banner ._banner_nav .banner_bar_bd .bd_l dl {
	float: left;
	padding: 14px 38px;
	text-align: center;
	border-right: 1px solid #b2b6b8;
}

.i_banner ._banner_nav .banner_bar_bd .bd_l dl:last-child {
	border-right: none;
}

.i_banner ._banner_nav .banner_bar_bd .bd_l dl dt {
	font-size: 40px;
	color: #da251d;
	font-weight: bold;
}

.i_banner ._banner_nav .banner_bar_bd .bd_l dl dt em {
	font-size: 14px;
	color: #646466;
	font-weight: normal;
	margin-left: 1px;
}

.i_banner ._banner_nav .banner_bar_bd .bd_l dl dd {
	color: #000000;
	font-size: 14px;
}

.i_banner ._banner_nav .banner_bar_bd .bd_r {
	width: 30%;
	background-color: #da251d;
	color: #fff;
	height: 123px;
	overflow: hidden;
	float: left;
}

.i_banner ._banner_nav .banner_bar_bd .bd_r_box {
	padding: 14px 16px 18px 16px;
}

.i_banner ._banner_nav .banner_bar_bd .bd_r_box ._title {
	font-size: 20px;
	margin-bottom: 10px;
}

.i_banner ._banner_nav .banner_bar_bd .bd_r_box ._text {
	font-size: 18px;
}

.i_banner ._banner_nav .banner_bar_bd .bd_r_box ._text ._text_02 {
	font-size: 26px;
	font-weight: bold;
	margin: 0px 6px 0px 10px;
}

.i_banner ._banner_nav .banner_bar_bd .bd_r_box ._text02_ico {
	width: 17px;
	height: 25px;
	background: url(https://www.hcgaopin.com/skin/images/i_banner_ico_up.png) no-repeat center;
	display: inline-block;
}

.i_banner ._banner_nav .banner_bar_bd .bd_r_box ._text02_ico.ico_down {
	background: url(https://www.hcgaopin.com/skin/images/i_banner_ico_down.png) no-repeat center;
}

.i_banner ._banner_nav .banner_bar_bd .bd_r_box ._r_box_ewm {
	display: block;
}

.i_banner ._banner_nav .banner_bar_bd .bd_r_box ._r_box_ewm .ewm_img {
	width: 35%;
	margin-left: 16%;
	float: left;
}

.i_banner ._banner_nav .banner_bar_bd .bd_r_box ._r_box_ewm .ewm_titl {
	width: auto;
}

.i_banner ._banner_nav .banner_bar_bd .bd_r_box ._r_box_ewm .ewm_titl ._title_box {
	padding: 18px 0px 21px;
}

.i_banner ._banner_nav .banner_bar_bd .bd_r_box {
	position: relative;
}

.i_banner ._banner_nav .banner_bar_bd .bd_r_box .i_banner_ewm_ico {
	position: absolute;
	top: 0;
	right: 0;
	width: 47px;
	height: 43px;
	background: url(https://www.hcgaopin.com/skin/images/i_banner_ewm_ico.png) no-repeat center;
}

.i_banner ._banner_nav .banner_bar_bd .bd_r_box.cur ._r_box_gupiao {
	display: none;
}

.i_banner ._banner_nav .banner_bar_bd .bd_r_box.cur ._r_box_ewm {
	display: block;
}

.i_banner .slide_nav {
	display: none;
}

.fuwu { width: 1200px; margin: 0 auto; overflow: hidden; }
.fuwu .fuwu_cont { width: 1200px; overflow: hidden; padding-top: 50px; }
.fuwu .fuwu_cont li {width: 16.6%;float: left;}
.fuwu .fuwu_cont li .fuwu_img { width: 180px; height: 180px; margin: 0 auto; position: relative; z-index: 9; overflow: hidden; border-radius: 50%;}
.fuwu .fuwu_cont li .fuwu_img img { width: 100%; height: 100%;transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; }
.fuwu .fuwu_cont li .fuwu_img img:hover { transform:scale(1.2); -webkit-transform:scale(1.2);  -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}
.fuwu .fuwu_cont li .name { text-align: center; font-size: 22px; margin-top: 15px; }
.fuwu .fuwu_cont li .intro {text-align: center;color: #888;font-size: 14px;margin-top: 3px;padding: 0 10px;line-height: 22px;}




.guanyubg { width: 100%; height: 462px; margin-top: 50px; background: url(../image/aboutbg.jpg) no-repeat center; overflow: hidden; }

.guanyu { width: 1200px; height: 358px; background: #fff; margin: 50px auto; }
.guanyu .video {padding:50px 30px;width: 400px;height: 258px;float: left;}
.guanyu .video img{width: 400px;height: 258px;}
.guanyu .about { padding:50px 30px; width: 680px; float: left; line-height: 34px; font-size: 16px; color: #666; }
.guanyu .about .tit { font-size: 30px; color: #da251d; margin-bottom: 20px; text-align: center;}
.guanyu .about .cont{text-indent: 2em; height: 204px; overflow: hidden;}



.youshibg { width: 100%; height: 780px; background: #f8f8f8; overflow: hidden; }

.youshi { width: 1200px; margin: 0 auto; }
.youshi .cont { width: 1200px; height: 550px; margin-top: 40px; background: url(../image/youshi.png) no-repeat center; position: relative; }
.youshi .cont li { position: absolute; }
.youshi .cont li .licon { width: 330px; height: 96px; padding: 18px 15px; background: #fff; box-shadow: 0px 0px 10px #bbb; border-radius: 20px; cursor: pointer; display: block; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.youshi .cont li .licon2 { width: 330px; height: 96px; padding: 18px 15px; background: #fff; box-shadow: 0px 0px 10px #bbb; border-radius: 20px; cursor: pointer; display: block; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.youshi .cont li .tit { font-size: 24px;font-weight:bold; color: #da251d; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.youshi .cont li .con { font-size: 14px; color: #555;height: 60px; margin-top: 6px; overflow: hidden; }
.youshi .cont li .licon:hover { transform: translate(-20px, 0); -webkit-transform: translate(-20px, 0); -moz-transform: translate(-20px, 0); -o-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); }
.youshi .cont li .licon2:hover { transform: translate(20px, 0); -webkit-transform: translate(20px, 0); -moz-transform: translate(20px, 0); -o-transform: translate(20px, 0); -ms-transform: translate(20px, 0); }
.youshi .cont .bg1 { top: 0; left: 55px; }
.youshi .cont .bg2 { top: 0; right: 55px; }
.youshi .cont .bg3 { top: 200px; left: 0; }
.youshi .cont .bg4 { top: 200px; right: 0; }
.youshi .cont .bg5 { top: 400px; left: 55px; }
.youshi .cont .bg6 { top: 400px; right: 55px; }





.zsjm{padding-bottom: 40px;}
.zsjm .title {
	/* padding-top: 60px; */
	padding-bottom: 30px;
	text-align: center;
}
.min-width {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}
.zsjm .title h2 {
	font-size: 30px
}

.zsjm .title p {
	margin-top: 20px;
	font-size: 16px;
	color: #666
}

.zsjm .zqwr_con .content {
	padding-bottom: 20px
}

.zsjm .zqwr_con .content dl dt {
	position: relative;
	float: left;
	width: 850px;
	height: 500px;
	background: url('../image/ybf-02.png') no-repeat center center;
	background-size: 100% 100%
}

.zsjm .zqwr_con .content dl dt span {
	position: absolute;
	font-size: 16px;
	color: #666
}

.zsjm .zqwr_con .content dl dt span:nth-child(1) {
	top: 36px;
	left: 45px
}

.zsjm .zqwr_con .content dl dt span:nth-child(2) {
	top: 96px;
	right: 70px
}

.zsjm .zqwr_con .content dl dt span:nth-child(3) {
	top: 304px;
	left: 1px
}

.zsjm .zqwr_con .content dl dt span:nth-child(4) {
	top: 246px;
	right: 0
}

.zsjm .zqwr_con .content dl dt span:nth-child(5) {
	top: 464px;
	left: 200px
}

.zsjm .zqwr_con .content dl dt span:nth-child(6) {
	top: 450px;
	right: 70px
}

.zsjm .zqwr_con .content dl dd {
	float: right;
	padding-top: 10px;
	width: 236px
}

.zsjm .zqwr_con .content dl dd ul li {
	position: relative;
	margin-bottom: 30px
}

.zsjm .zqwr_con .content dl dd ul li::after {
	position: absolute;
	content: '';
	width: 93%;
	height: 1px;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #da251d
}

.zsjm .zqwr_con .content dl dd ul li span {
	line-height: 40px;
	font-size: 16px;
	color: #666
}

.zsjm .zqwr_con .content dl dd ul li em {
	position: absolute;
	width: 14px;
	height: 14px;
	bottom: -7px;
	right: 0;
	border: 1px solid #da251d;
	border-radius: 50%
}

.zsjm .zqwr_con .content dl dd ul li em::before {
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	background: #da251d;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}



/*hover*/
.index-honor{width: 100%;height: 506px;}
.index-honor .honor-new {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding-top: 20px;
}

.index-honor .honor-new .title {
    
}
.index-honor .main_tit .title{
	color:#fff;
}
.index-honor .honor-new .title .t {
	font-size: 30px;
	line-height: 30px;
	color: #fff
}

.index-honor .honor-new .title .t1 {
	font-size: 14px;
	line-height: 24px;
	font-family: Arial;
	color: #a8a7a6;
	margin-top: 4px
}

.index-honor .honor-new .list {
	width: 1200px;
	height: auto;
	margin-top: 34px;
	position: relative
}

.index-honor .honor-new .list .bd {
	width: 100%;
	height: 286px;
	overflow: hidden
}

.index-honor .honor-new .list .bd ul {
	width: 1000%;
	height: auto
}

.index-honor .honor-new .list .bd ul li {
	width: 206px;
	border: 5px solid #fff;
	float: left;
	margin-right: 30px;
	overflow: hidden
}

.index-honor .honor-new .list .bd ul li a {
	width: 100%;
	height: 100%;
	display: block
}

.index-honor .honor-new .list .bd ul li a img {
	transition: all 1s ease
}

.index-honor .honor-new .list .bd ul li:hover a img {
	transform: scale(1.1)
}

.index-honor .honor-new .list .hd {
	width: 74px;
	height: 31px;
	position: absolute;
	right: 0;
	top: -72px
}

.index-honor .honor-new .list .hd a {
	width: 32px;
	height: 31px;
	display: block
}

.index-honor .honor-new .list .hd .prev {
	float: left;
	background: url(../image/index_prev.png) no-repeat
}

.index-honor .honor-new .list .hd .next {
	float: right;
	background: url(../image/index_next.png) no-repeat
}

.index-honor .honor-new .list .hd .prev:hover {
	background: url(../image/index_prev_h.png) no-repeat
}

.index-honor .honor-new .list .hd .next:hover {
	background: url(../image/index_next_h.png) no-repeat
}





.probg {width: 100%;height: auto;overflow: hidden;padding-bottom: 70px;}

.pro { width: 1200px; margin: 0 auto; overflow: hidden; }
.pro .prolist { margin-top: 40px; text-align: center; }
.pro .prolist li { width: 130px; height: 40px; line-height: 40px; color: #555; background: #e8e8e8; font-size: 16px; border-radius: 5px; margin: 0 5px; display: inline-block; transition: all .2s ease; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pro .prolist li.on { background: #da251d; color: #fff; }
.pro .procon { margin-top: 50px; width: 1200px; overflow: hidden; }
.pro .procon .procont { width: 1200px; height: auto; }
.pro .procon .procont ul { width: 1220px; overflow: hidden; }
.pro .procon .procont ul li {width: 375px;height: 331px;float: left;margin-right: 30px;margin-bottom: 20px;}
.pro .procon .procont ul li .img {width: 375px;height: 281px;border: 10px solid #eee;box-sizing: border-box;}
.pro .procon .procont ul li .img img { width: 100%; height: 100%; }
.pro .procon .procont ul li .name {width: 100%;height: 50px;line-height: 50px;font-size: 16px;text-align: center;background: #eee;color: #555;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pro .procon .procont ul li:hover .name { background: #da251d; color: #fff; }
.pro .procon .procont ul li:hover .img {border: 10px solid #da251d;}

.more-btn a{display:block;width:196px;height:50px;margin:10px auto 0;line-height:50px;text-align:center;border:1px solid #000;border-radius:4px;color:#000;font-size:18px}
.more-btn a:hover{border:1px solid #da251d;background:#da251d;color:#fff}





.ipatent_main {
	width: 100%;
	background: url(../image/patent.jpg) no-repeat center top;
	height: 460px;
	overflow: hidden;
}
.ipatent_main .floor {
	overflow: hidden;
	padding: 100px 0;
}
.ipatent_main .title {
	color: #fff;
	text-align: center;
}
.ipatent_main .title h3 {
	background: url(../image/title1.png) no-repeat center;
	font-size: 30px;
	font-weight: normal;
	display: block;
	line-height: 30px;
}
.ipatent_main .title p {
	color: #999;
	font-size: 20px;
	text-transform: uppercase;
	font-family: "AvantGardeITVbyBT Book", arial;
	padding-top: 14px;
}
.ipatent_main .title h3 b {
	display: inline-block;
}
.ipatent {
	padding-top: 40px;
}
.ipatent .item {
	width: 580px;
	height: 140px;
	background: url(../image/pat_bk.png) no-repeat left top;
	float: left;
	margin-left: 37px;
}
.ipatent .item:first-child {
	margin-left: 0;
}
.ipatent .item a {
	display: block;
	padding: 30px;
}
.ipatent .item .img {
	width: 64px;
	height: 60px;
	overflow: hidden;
	position: relative;
	margin-right: 40px;
	margin-left: 22px;
	margin-top: 10px;
}
.ipatent .item .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: block;
}
.ipatent .item .txt {
	width: 350px;
	color: #fff;
	padding-left: 20px;
}
.ipatent .item .txt h3 {
	font-size: 20px;
	font-weight: bold;
}
.ipatent .item .txt p {
	font-family: arial;
	color: #cccccc;
	padding-top: 0;
}










/*case*/
.index-highlights {
	width: 1200px;
	height: auto;
	margin: 0 auto 75px;
	/* margin-top: 70px */
}

.index-highlights .title {
	background: url(https://www.hcgaopin.com/skin/images/index_icon.png) 0 2px no-repeat;
	/* padding-left: 56px */
}

.index-highlights .title .t {
	font-size: 30px;
	line-height: 30px;
	color: #333
}

.index-highlights .title .t1 {
	font-size: 14px;
	line-height: 24px;
	font-family: Arial;
	color: #c3c3c3;
	margin-top: 4px
}

.index-highlights .list {
	width: 100%;
	height: auto;
	margin-top: 30px;
	position: relative
}

.index-highlights .list .bd {
	width: 100%;
	height: auto
}

.index-highlights .list .bd ul {
	width: 10000%;
	height: auto
}

.index-highlights .list .bd ul li {
	width: 1199px;
	height: auto;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8
}

.index-highlights .list .bd ul li dl {
	width: 100%;
	height: auto
}

.index-highlights .list .bd ul li dl dd {
	width: 198px;
	height: 131px;
	border-left: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
	float: left;
	position: relative;
	overflow: hidden;
}

.index-highlights .list .bd ul li dl dd a {
	width: 100%;
	height: auto;
	display: block
}

.index-highlights .list .bd ul li dl dd a img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	transition:.5s;
}
.index-highlights .list .bd ul li dl dd a img:hover{
	transform: scale(1.2);
	transition:.5s;
}

.index-highlights .list .hd {
	width: 74px;
	height: 31px;
	position: absolute;
	right: 0;
	top: -72px
}

.index-highlights .list .hd a {
	width: 32px;
	height: 31px;
	display: block;
	border-radius: 100%;
	box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.index-highlights .list .hd .prev {
	float: left;
	background: url(../image/index_prev.png) no-repeat
}

.index-highlights .list .hd .next {
	float: right;
	background: url(../image/index_next.png) no-repeat
}

.index-highlights .list .hd .prev:hover {
	background: url(../image/index_prev_h.png) no-repeat
}

.index-highlights .list .hd .next:hover {
	background: url(../image/index_next_h.png) no-repeat
}



/*news*/
.index-news {
	width: 100%;
	height: auto;
	background: #f8f8f8;
	padding: 72px 0;
	padding-top: 0;
	overflow: hidden;
}

.index-news .news-new {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	margin-top: 40px;
}

.index-news .news-new .box {
	width: 378px;
	height: 590px;
	background: #fff;
	float: left;
	margin-right: 20px;
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
}

.index-news .news-new .box .box-new {
	width: 322px;
	height: auto;
	margin: 0 auto;
	padding-top: 33px
}

.index-news .news-new .box .box-new .top {
	width: 100%;
	display: block;
	height: auto;
	margin-bottom: 10px;
	overflow: hidden;
	background: transparent;
}

.index-news .news-new .box .box-new .top .tits {
	padding-left: 33px;
	font-size: 20px;
	line-height: 24px;
	background: url(../image/index_icon3.png) no-repeat;
	color: #333;
	float: left
}

.index-news .news-new .box .box-new .top a {
	width: 65px;
	height: 23px;
	display: block;
	float: right;
	border-radius: 12px;
	background: #f3f3f3;
	text-align: center;
	font-size: 13px;
	line-height: 23px;
	font-family: Arial;
	text-transform: uppercase;
	color: #999;
	transition: all 0.5s ease;
	margin-top: 4px
}

.index-news .news-new .box .box-new .top a:hover {
	background: #df061d;
	color: #fff
}

.index-news .news-new .box .box-new .pic {
	width: 100%;
	height: 167px;
	overflow: hidden;
	margin-top: 14px
}

.index-news .news-new .box .box-new ul {
	width: 100%;
	height: auto;
	margin-top: 20px
}

.index-news .news-new .box .box-new ul li {
	overflow: hidden;
	width: 100%;
	height: 35px;
	border-bottom: 1px dashed #cecece;
	font-size: 14px;
	line-height: 35px;
	position: relative;
}
.index-news .news-new .box .box-new ul li:after{
	content:'';
	display:block;
	width:10px;
	height:10px;
	background:#da251d;
	
}

.index-news .news-new .box .box-new ul li a {
	background: url(https://www.hcgaopin.com/skin/images/index_icon4.png) 3px center no-repeat;
	padding-left: 17px;
	color: #888;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis
}
.index-news .news-new .box .box-new ul li:after{
	content:'';
	display:block;
	width: 5px;
	height: 5px;
	background: #da251d;
	position: absolute;
	left: 0;
	top: 47%;
	border-radius: 50%;
}

.index-news .news-new .box .box-new ul li:hover a {
	color: #da251d;
}